<template>
	<view>
		<view class="banner">
			<view class="img">
				<image src="../../static/paymentMethod/路径 4581@2x.png" mode=""></image>
			</view>
			<view class="bannerText">
				中国建设银行
			</view>
		</view>
		<view style="padding: 40rpx;">
			<view class="textBox">
				<view class="textBox1">
					已向以下
				</view>
				<view class="textBox2">
					银行预留手机号
				</view>
				<view class="textBox1">
					发送验证码
				</view>
			</view>
			<view class="inputBox">
				<view>
					<view class="inputBox1">
						手机号
					</view>
					<input type="text" value="" placeholder="177 **** 7991" />
				</view>
				<view class="inputBox2">
					更换
				</view>	
			</view>
			<view class="inputBox">
				<view>
					<view class="inputBox1">
						验证码
					</view>
					<input type="text" value="" placeholder="请输入验证码" />
				</view>
				<view class="inputBox2">
					获取
				</view>	
			</view>
		</view>
		<navigator url="/pages/buy_ruslt/buy_ruslt">
			<view class="butBox">
				<button type="default">下一步</button>
			</view>
		</navigator>
		
		
	</view>
</template>

<script>
</script>

<style scoped>
	.banner{
		background-color: #3476f1;
		padding-top: 130rpx;
		text-align: center;
		padding-bottom: 40rpx;
	}
	.banner .img{
		width: 110rpx;
		height: 110rpx;
		background-color: #ffffff;
		border-radius: 50%;
		margin: 0 auto;
	}
	.banner .img image{
		width: 80rpx;
		height: 80rpx;
		margin-top: 15rpx;
	}
	.banner .bannerText{
		font-size: 36rpx;
		color: #ffffff;
		margin-top: 40rpx;
	}
	.textBox{
		border-bottom:  2rpx solid #F0F0F0;
		padding-bottom: 40rpx;
		display: flex;
	}
	.textBox .textBox1{
		font-size: 28rpx;
		color: #999999;
		margin-top: 5rpx;
	}
	.textBox .textBox2{
		margin-left: 10rpx;
		margin-right: 10rpx;
		font-size: 32rpx;
	}
	.inputBox{
		border-bottom:  2rpx solid #F0F0F0;
		padding-bottom: 40rpx;
		padding-top: 40rpx;
		font-size: 28rpx;
		color: #999999;
		display: flex;
		justify-content: space-between;
	}
	.butBox{
		padding: 40rpx;
	}
	.butBox button{
		height: 88rpx;
		line-height: 88rpx;
		color: #ffffff;
		font-size: 28rpx;
		background-color: #3476f1;
		border-radius: 4rpx;
	}
</style>
